html, body, #root {
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
}

* {
    box-sizing: border-box;
}


*::-webkit-scrollbar {
    /*滚动条整体样式*/
    width: 5px;
    /*高宽分别对应横竖滚动条的尺寸*/
    height: 5px;
}

*::-webkit-scrollbar-thumb {
    /*滚动条里面小方块*/
    border-radius: 5px;
    background-color: rgba(165, 187, 208, 1);
    background-image: -webkit-linear-gradient(45deg,
    rgba(255, 255, 255, 0.2) 25%,
    transparent 25%,
    transparent 50%,
    rgba(255, 255, 255, 0.2) 50%,
    rgba(255, 255, 255, 0.2) 75%,
    transparent 75%,
    transparent);
}

*::-webkit-scrollbar-track {
    /*滚动条里面轨道*/
    box-shadow: inset 0 0 5px rgba(165, 187, 208, 0.0);
    background: rgba(255, 255, 255, 0.0);
    border-radius: 10px;
}


@font-face {
    font-family: "mk";
    src: url("./assets/font/mk.TTF") format("truetype");
}

* {
    font-family: "mk", serif;
}

p {
    margin: 0;
    padding: 0;
}


:root {
    --font-color: rgb(51, 20, 1)
}